<?php defined('EN_CODE') or die(__FILE__.': Direct Access Denied'); ?>

<script type="text/javascript">
    function error(item, mensaje) {
        item.closest(".control-group").addClass("error");
        item.next(".help-inline").html(mensaje);
        $(window).scrollTop(item.position().top);
        return false;
    }
    $(document).ready( function() {
        // sacar el error cuando haya focus
        $("input").focus( function() {
            $(this).closest(".control-group").removeClass("error");
            $(this).next(".help-inline").empty();
        });
        $("form").submit( function() {
            // sacar los errores
            $(".control-group").removeClass("error");
            $(".help-inline").empty();
            // validar formulario
            /**
                codigo
            */
            if ($("#codigo").val().trim() == '') {
                return error($("#codigo"),'Complete este campo');
            }
            /**
                nombre
            */
            if ($("#nombre").val().trim() == '') {
                return error($("#nombre"), 'Complete este campo');
            }
            /**
                precio
            */
            if (!($("#precio").val().match(/^\d+(.\d{1,2})?$/))) {
                return error($("#precio"), 'El valor ingresado no cumple con los requisitos');
            }
            /**
                stock minimo
            */
            if (!$("#stock_minimo").val().match(/^\d+$/)) {
                return error($("#stock_minimo"), 'El valor ingresado no cumple con los requisitos');
            }
            return true;
        });
    });
</script>

<div class="page-header">
    <h1><?php echo (($action=='new') ? 'Nuevo' : 'Editar') ?> Producto</h1>
</div>

<form action="productos/guardar/" method="post" enctype="multipart/form-data" class="form-horizontal">
    <fieldset>
        <?php /**
                define acciones y cuestiones de seguridad
        */ ?>
        <input type="hidden" name="key" value="<?php echo $key; ?>" />
        <input type="hidden" name="action" value="<?php echo $action; ?>" />
        <?php if ($action=='edit'): ?>
        <input type="hidden" name="id_producto" value="<?php echo $producto['id_producto']; ?>" />
        <?php endif; ?>

        <?php /**
                código
        */ ?>
        <div class="control-group">
            <label for="codigo" class="control-label">Código</label>
            <div class="controls">
                <input type="text" id="codigo" name="codigo" placeholder="Código" required="required"<?php if($action=='edit'){ echo ' value="'.$producto['codigo'].'"'; } ?> />
                <span class="help-inline"></span>
            </div>
        </div>

        <?php /**
                nombre
        */ ?>
        <div class="control-group">
            <label for="nombre" class="control-label">Nombre</label>
            <div class="controls">
                <input type="text" id="nombre" name="nombre" placeholder="Nombre" required="required"<?php if($action=='edit'){ echo ' value="'.$producto['nombre'].'"'; } ?> />
                <span class="help-inline"></span>
            </div>
        </div>

        <?php /**
                marca
        */ ?>
        <div class="control-group">
            <label for="id_marca" class="control-label">Marca</label>
            <div class="controls">
                <select name="id_marca" id="id_marca">
                    <optgroup>
                        <?php foreach ($marcas as $marca): ?>
                        <?php $selected = (($action=='edit' && $producto['id_marca']==$marca['id_marca']) ? 'selected="selected" ' : ''); ?>
                        <option <?php echo $selected; ?>value="<?php echo $marca['id_marca']; ?>"><?php echo $marca['nombre']; ?></option>
                        <?php endforeach; ?>
                    </optgroup>
                </select>
            </div>
        </div>

        <?php /**
                tipo
        */ ?>
        <div class="control-group">
            <label for="id_tipo" class="control-label">Tipo</label>
            <div class="controls">
                <select name="id_tipo" id="id_tipo">
                    <optgroup>
                        <?php foreach ($tipos as $tipo): ?>
                        <?php $selected = (($action=='edit' && $producto['id_tipo']==$tipo['id_tipo']) ? 'selected="selected" ' : ''); ?>
                        <option <?php echo $selected; ?>value="<?php echo $tipo['id_tipo']; ?>"><?php echo $tipo['nombre']; ?></option>
                        <?php endforeach; ?>
                    </optgroup>
                </select>
            </div>
        </div>

        <?php /**
                imagen
        */ ?>
        <div class="control-group">
            <label for="imagen" class="control-label">Imagen</label>
            <div class="controls">
                <?php if ($action=='new' || ($action=='edit' && $producto['imagen']=='')): ?>
                <input type="file" id="imagen" name="imagen" />
                <?php else: ?>
                <img src="uploads/productos/<?php echo $producto['imagen'] ?>" alt="<?php echo $producto['nombre']; ?>" style="max-width: 210px; max-height: 250px;" />
                <label for="eliminar_imagen" class="checkbox">
                    <input type="checkbox" id="eliminar_imagen" name="eliminar_imagen" value="1" />
                    Eliminar Imagen
                </label>
                <?php endif; ?>
            </div>
        </div>

        <?php /**
                precio
        */ ?>
        <div class="control-group">
            <label for="precio" class="control-label">Precio</label>
            <div class="controls">
                <input type="number" min="0" step="0.01" id="precio" name="precio" placeholder="Precio" required="required"<?php if($action=='edit'){ echo ' value="'.$producto['precio'].'"'; } ?> />
                <span class="help-inline"></span>
                <?php if (preg_match('/webkit/i', $user_agent) || preg_match('/opera/i', $user_agent)): ?>
                <p class="help-block">Utilice <strong>,</strong> (coma) en vez de <strong>.</strong> (punto) para separar decimales (hasta 2)</p>
                <?php else: ?>
                <p class="help-block">Utilice <strong>.</strong> (punto) en vez de <strong>,</strong> (coma) para separar decimales (hasta 2)</p>
                <?php endif; ?>
            </div>
        </div>

        <?php /**
                stock_minimo
        */ ?>
        <div class="control-group">
            <label for="stock_minimo" class="control-label">Stock mínimo</label>
            <div class="controls">
                <input type="number" min="0" step="1" id="stock_minimo" name="stock_minimo" placeholder="Stock mínimo" required="required"<?php if($action=='edit'){ echo ' value="'.$producto['stock_minimo'].'"'; } ?> />
                <span class="help-inline"></span>
            </div>
        </div>

        <?php /**
                descripcion
        */ ?>
        <div class="control-group">
            <label for="descripcion" class="control-label">Descripción</label>
            <div class="controls">
                <textarea name="descripcion" id="descripcion"><?php if($action=='edit'){ echo $producto['descripcion']; } ?></textarea>
                <span class="help-inline"></span>
            </div>
        </div>

    </fieldset>

    <div class="form-actions">
        <input type="submit" value="Guardar" class="btn btn-success" />
        <a href="productos/" class="btn">Cancelar</a>
    </div>
    
</form>
